<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/ui/";
%>

<!DOCTYPE HTML>
<html>
<head>
<base href="<%=basePath%>">
<title>实验</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css"
	media="all" />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery.min.js"></script>
<!-- Custom Theme files -->
<!--theme-style-->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!--//theme-style-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords"
	content="New Store Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript">
	
	
	
	
	
	
	 addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } 






</script>
<!--fonts-->
<!--//fonts-->
<!-- start menu -->
<link href="css/memenu.css" rel="stylesheet" type="text/css" media="all" />
<script type="text/javascript" src="js/memenu.js"></script>
<script>
	$(document).ready(function() {
		$(".memenu").memenu();
	});
</script>
<script src="js/simpleCart.min.js">
	
</script>
</head>
<body>
	<!--header-->

	<%@include file="/ui/head.jsp"%>

	<!--content-->
	<!---->
	<div class="product">
		<div class="container">
			<div class="col-md-3 product-price">

				<div class=" rsidebar span_1_of_left">
					<div class="of-left">
						<h3 class="cate">实验分类</h3>
					</div>
					<ul class="menu">
						<c:forEach items="${sessionScope.list1 }" var="list1">
							<li class="item1"><a
								href="<c:url value='/BcategoryServlet?method=findByaid&aid=${list1.aid }'/>">${list1.aname }
							</a>
								<ul class="cute">
									<c:forEach items="${list1.bcategory }" var="list2">
										<li class="subitem1"><a
											href="<c:url value='/VideoServlet?method=findBybid&bid=${list2.bid }'/>">${list2.bname }
										</a></li>
									</c:forEach>
								</ul></li>
						</c:forEach>
					</ul>
				</div>
				<!--initiate accordion-->
				<script type="text/javascript">
					$(function() {
						var menu_ul = $('.menu > li > ul'), menu_a = $('.menu > li > a'), menu_b = $('.cute > li > a');
						menu_ul.hide();
						menu_a.click(function(e) {

							e.preventDefault();
							if (!$(this).hasClass('active')) {
								menu_a.removeClass('active');
								menu_ul.filter(':visible').slideUp('normal');
								$(this).addClass('active').next().stop(true,
										true).slideDown('normal');
							} else {
								$(this).removeClass('active');
								$(this).next().stop(true, true).slideUp(
										'normal');
							}
						});

					});
				</script>
				<!---->


				<!---->


			</div>
			<div class="col-md-9 product1">
				<div class=" bottom-product">

					<c:forEach items="${pb.beanList }" var="video">
						<div class="col-md-4 bottom-cd simpleCart_shelfItem">
							<div class="product-at ">
								<a
									href="<c:url value='/VideoServlet?method=findByspid&spid=${video.spid }'/>"><img width="285px" height="290px" 
									class="img-responsive" src="images/${video.sptpurl }" alt="">
									<div class="pro-grid">
										<span class="buy-in">观看实验</span>
									</div> </a>
							</div>
							<p class="tun">下载量:${video.spxz }赞:${video.spdz }time:${video.sptime }</p>
							<a href="#" class="item_add"><p class="number item_price">
									<i> </i>${video.spname }</p></a>
							<p class="tun"></p>
						</div>
					</c:forEach>
					<div class="clearfix"></div>
				</div>

			</div>
			<div class="clearfix"></div>
			<%@include file="/ui/pager.jsp"%>
		</div>

	</div>

	<!---->

	<!--//content-->
	<%@include file="/ui/foot.jsp"%>
</body>
</html>
